<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="elementUI/index.css">
  <link rel="stylesheet" href="./register/register.css">
</head>

<body>
  <div id="app">
    <div class="box">
      <div style="display: flex; align-items: center;">
        <div class="logo">
          <img src="./admin/images/beijing.jpg" alt="">
        </div>
        <div class="text">| 欢迎注册</div>
      </div>
      <el-tabs type="border-card">
        <div class="gologin">
          已有企业账号?<el-button @click="window.location.href='login.html'" type="text">登录</el-button>
        </div>
        <el-tab-pane label="企业交易商注册">
          <!-- system_user_info表 -->
          <el-form label-width="150px" :model="system_user_info" ref="system_user_info" class="demo-enterprise_info">
            <el-form-item label="授权管理员信息:">
            </el-form-item>
            <el-form-item label="姓名:" prop="ID_Name">
              <el-input style="width: 200px;" placeholder="请输入姓名" size="small" v-model="system_user_info.ID_Name"></el-input>
            </el-form-item>
            <el-form-item label="身份证号:" prop="ID_SerialNumber">
              <el-input style="width: 200px;" placeholder="请输入身份证号" size="small" v-model="system_user_info.ID_SerialNumber"></el-input>
            </el-form-item>
            <el-form-item label="手机号:"  prop="User_Number">
              <el-input style="width: 200px;" @change="checkphone" placeholder="请输入手机号" size="small" v-model="system_user_info.User_Number"></el-input>
              <span :style="`color:${color} ;`">{{message}}</span>
            </el-form-item>
            <el-form-item label="设置密码:" prop="Pass_Ward">
              <el-input style="width: 200px;" type="password"  placeholder="请输入密码" size="small" v-model="system_user_info.Pass_Ward"></el-input>
            </el-form-item>
            <el-form-item label="再次输入密码:" :rules="[
            { required: true, message: '请再次输入密码', trigger: 'blur' },
            { min:6,max:12, message: '密码为6-12位字符', trigger: ['blur', 'change'] }
          ]">
              <el-input style="width: 200px;" type="password"  placeholder="请输入密码" size="small" v-model="Enter_again_Pass_Ward"></el-input>
            </el-form-item>
            <el-divider></el-divider>
          </el-form>
          <!-- enterprise_info表 -->
          <el-form label-width="150px" :model="enterprise_info" ref="enterprise_info" class="demo-enterprise_info">
            <el-form-item label="企业基本信息:">
            </el-form-item>
            <el-form-item label="企业名称:" prop="Enterprise_Info_SerialNumber">
              <el-input style="width: 200px; text-align: center;" @change="checkname" placeholder="请输入企业名称" size="small"
                v-model="enterprise_info.Enterprise_Name"></el-input>
                <span :style="`color:${color2} ;`">{{message2}}</span>
            </el-form-item>
            <el-form-item label="企业注册地址:" prop="Enterprise_Address">
              <div class="linkage">
                <div>
                  <el-select v-model.trim="selectProvince" filterable size="small" @change="selectProvinceFun($event)"
                    placeholder="请选择省份">
                    <el-option value="" label="请选择省份"></el-option>
                    <el-option :value="item" :label="item.label" v-for="(item, index) in city" :key="index"></el-option>
                  </el-select>
                </div>
                <div>
                  <el-select v-model="selectCity" filterable size="small" @change="selectCityFun($event)"
                    placeholder="请选择城市">
                    <el-option value="" label="请选择城市"></el-option>
                    <el-option :value="item" :label="item.label" v-for="(item, index) in cityList"
                      :key="index"></el-option>
                  </el-select>
                </div>
                <div>
                  <el-select v-model="selectArea" filterable size="small" @change="selectAreaFun($event)"
                    placeholder="请选择区县">
                    <el-option value="" label="请选择区县"></el-option>
                    <el-option :value="item" :label="item.label" v-for="(item, index) in areaList"
                      :key="index"></el-option>
                  </el-select>
                </div>
              </div>
            </el-form-item>
            <el-form-item label="详细地址:" prop="Enterprise_Address">
              <el-input style="width: 200px;" size="small" @change="selectAddress($event)" :disabled="isdisabled"
                v-model.trim="enterprise_info.Enterprise_Address" placeholder="请输入详细地址"></el-input>
            </el-form-item>
            <el-form-item label="邮政编码:" prop="Postal_Code">
              <el-input style="width: 200px;" placeholder="请输入邮政编码" size="small" v-model="enterprise_info.Postal_Code"></el-input>
            </el-form-item>
            <el-form-item label="营业执照注册号:" prop="Tax_Number">
              <el-input style="width: 200px; " placeholder="请输入营业执照注册号" size="small" v-model="enterprise_info.Tax_Number"></el-input>
            </el-form-item>
            <el-form-item label="税务登记证号:" prop="Tax_Registration_Number">
              <el-input style="width: 200px;" placeholder="请输入税务登记证号" size="small" v-model="enterprise_info.Tax_Registration_Number"></el-input>
            </el-form-item>
            <el-form-item label="组织机构代码证号:" prop="Organization_Code_Certificate_Number">
              <el-input style="width: 200px;" placeholder="请输入组织机构代码证号" size="small" v-model="enterprise_info.Organization_Code_Certificate_Number"></el-input>
            </el-form-item>
            <el-form-item label="企业电话:" prop="Enterprise_Phone">
              <el-input style="width: 200px;" placeholder="请输入企业电话" size="small" v-model="enterprise_info.Enterprise_Phone"></el-input>
            </el-form-item>
            <el-form-item label="联系人姓名:" prop="Enterprise_Contacts">
              <el-input style="width: 200px;" placeholder="请输入联系人姓名" size="small" v-model="enterprise_info.Enterprise_Contacts"></el-input>
            </el-form-item>
            <el-form-item label="联系人手机:" prop="Enterprise_Contacts_Mobile">
              <el-input style="width: 200px;" placeholder="请输入联系人手机" size="small" v-model="enterprise_info.Enterprise_Contacts_Mobile"></el-input>
            </el-form-item>
            <el-form-item label="电子邮箱:" prop="E_Mail">
              <el-input style="width: 200px;" placeholder="请输入电子邮箱" size="small" v-model="enterprise_info.E_Mail"></el-input>
            </el-form-item>
            <!-- <el-form-item label="推荐人代码:">
              <el-input style="width: 200px;" placeholder="请输入推荐人代码" size="small"></el-input>
            </el-form-item> -->
            <el-divider></el-divider>
            <!-- 子表enterprise_legal_person -->
            <el-form-item label="银行账户信息:">
            </el-form-item>
            <el-form-item label="账户名称:" prop="Account_Name">
              <el-input style="width: 200px;" placeholder="请输入账户名称" size="small" v-model="enterprise_info.Children.enterprise_account[0].Account_Name"></el-input>
            </el-form-item>
            <el-form-item label="开户行:" prop="Bank_Name">
              <el-select v-model="enterprise_info.Children.enterprise_account[0].Bank_Name" placeholder="请选择开户行">
                <el-option label="区域一" value="中国建设银行"></el-option>
                <el-option label="区域二" value="中国农业银行"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="银行账号:" prop="Account_Number">
              <el-input style="width: 200px;" placeholder="请输入银行账号" size="small" v-model="enterprise_info.Children.enterprise_account[0].Account_Number"></el-input>
            </el-form-item>
            <el-divider></el-divider>
            <!-- 子表enterprise_account -->
            <el-form-item label="法定代表人信息:">
            </el-form-item>
            <el-form-item label="姓名:" prop="Legal_Person">
              <el-input style="width: 200px;" placeholder="请输入姓名" size="small" v-model="enterprise_info.Children.enterprise_legal_person[0].Legal_Person"></el-input>
            </el-form-item>
            <el-form-item label="身份证号:" prop="ID_Number">
              <el-input style="width: 200px;" placeholder="请输入身份证号" size="small" v-model="enterprise_info.Children.enterprise_legal_person[0].ID_Number"></el-input>
            </el-form-item>
            <el-form-item label="手机号:" prop="Mobile">
              <el-input style="width: 200px;" placeholder="请输入手机号" size="small" v-model="enterprise_info.Children.enterprise_legal_person[0].Mobile"></el-input>
            </el-form-item>
            <el-form-item>
              <el-button @click="resetForm('enterprise_info')">重置</el-button>
              <el-button type="primary" @click="submitForm('enterprise_info')">立即注册</el-button>
            </el-form-item>
          </el-form>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>

  <script src="component/layui/layui.js"></script>
  <script src="component/pear/pear.js"></script>
  <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
  <script type="text/javascript" src="./js/jquery.cookie.js"></script>
  <script type="text/javascript" src="js/vue.min.js"></script>
  <script type="text/javascript" src="elementUI/index.js"></script>
  <script type="text/javascript" src="js/utils.js"></script>
  <script type="text/javascript" src="./js/ID_Validity.js"></script>
  <script type="text/javascript" src="./register/register.js"></script>
  <script>

  </script>
</body>

</html>